//----------------------------------------------------------------------------
// Includes
//----------------------------------------------------------------------------
Ti.include('include.js');

//----------------------------------------------------------------------------
// Window
//----------------------------------------------------------------------------
var winHome = Titanium.UI.currentWindow;
winHome.addEventListener('focus', function(e) {
   log("View 'Home' actief");
});

//-----------------------------------------------------------------------------
// 'Contact' button
//-----------------------------------------------------------------------------
var btnContact = Titanium.UI.createButton({
   title : 'Contact'
});
winHome.rightNavButton = btnContact;

if (isIpad()) {
   log("Contactopties voor ipad instellen");
   btnContact.addEventListener('click', function(e) {
      createEmail();
   });
} else if (isIphone()) {
   log("Contactopties voor iphone instellen");
   btnContact.addEventListener('click', function(e) {
      contactSelectionDialog.show();
   });
   var contactSelectionDialog = Titanium.UI.createOptionDialog({
      title : 'Direct contact opnemen',
      options : ["Bel 'Onder de Kerk'", "Bel 'Niels Bohrstraat'", 'Stuur Email', 'Annuleren'],
      cancel : 3
   });
   contactSelectionDialog.addEventListener('click', function(event) {
      if (event.index == 0) {
         //Per telefoon, praktijk Onder de Kerk
         Titanium.Platform.openURL('tel:0433614444');
      } else if (event.index == 1) {
         //Per telefoon, praktijk Niels Bohrstraat
         Titanium.Platform.openURL('tel:0433614444');
      } else if (event.index == 2) {
         //per email
         createEmail();
      } else {
         Ti.API.debug('Annuleren gekozen');
      }
   });
}


//----------------------------------------------------------------------------
// View 'Home'
//----------------------------------------------------------------------------
var viewHome = Titanium.UI.createView({
   width : '100%',
   height : '100%'
})
viewHome.add(Titanium.UI.createImageView({
   image : '/images/backgrounds/staff2.png',
   top : '0',
   left : '0',
   width : '100%'
}));

var scrollViewHome = Ti.UI.createScrollView({
   contentWidth : 'auto',
   contentHeight : 'auto',
   showVerticalScrollIndicator : true,
   showHorizontalScrollIndicator : true
});


//--------- iphone versie ----------//
if (isIphone()) {
   var lblHome1 = Titanium.UI.createLabel({
      textAlign : Ti.UI.TEXT_ALIGNMENT_CENTER,
      font : {
         fontSize : 26,
         fontWeight : 'bold',
         fontFamily : customFont2
      },
      color : donkerblauw,
      shadowColor : schaduwgroen,
      shadowOffset : {
         x : 2,
         y : 2
      },
      top : '40',
      text : 'Huisartsenpraktijk Heerderhof'
   });

   var lblHome2 = Titanium.UI.createLabel({
      top : '80',
      textAlign : Ti.UI.TEXT_ALIGNMENT_CENTER,
      font : {
         fontSize : 12,
         fontWeight : 'bold',
         fontFamily : customFont
      },
      color : donkerblauw,
      shadowColor : schaduwgroen,
      shadowOffset : {
         x : 1,
         y : 1
      },
      text : 'Uitleg over deze app vindt u onder Info.\nMaak uw keuze voor een praktijk.'
   });

   var btnLoc1 = Ti.UI.createButton({
      top : '130',
      width : '200',
      height : '50',
      font : {
         fontSize : 14,
         fontWeight : 'bold',
         fontFamily : customFont
      },
      color : wit,
      title : 'Locatie Onder de Kerk',
      backgroundImage : 'images/backgrounds/btn_background01.png',
      borderRadius : '5',
      borderColor : donkerblauw
   });
   btnLoc1.addEventListener('click', function(e) {
      showView('1');
   });

   var btnLoc2 = Ti.UI.createButton({
      top : '200',
      width : '200',
      height : '50',
      font : {
         fontSize : 14,
         fontWeight : 'bold',
         fontFamily : customFont
      },
      color : wit,
      title : 'Locatie Niels Bohrstraat',
      backgroundImage : 'images/backgrounds/btn_background01.png',
      borderRadius : '5',
      borderColor : donkerblauw
   });
   btnLoc2.addEventListener('click', function(event) {
      showView('2');
   });
   
   scrollViewHome.add(lblHome1, lblHome2, btnLoc1, btnLoc2);
   viewHome.add(scrollViewHome);
   winHome.add(viewHome);
}
//---------- ipad versie ---------//
else if (isIpad()) {
   var viewButtons = Titanium.UI.createView({
      top: '350',
      width: '500',
      height: '50'
   });
   
   var lblHome1 = Titanium.UI.createLabel({
      top : '150',
      text : 'Huisartsenpraktijk Heerderhof',
      textAlign : Ti.UI.TEXT_ALIGNMENT_CENTER,
      font : {
         fontSize : 50,
         fontWeight : 'bold',
         fontFamily : customFont2
      },
      color : donkerblauw,
      shadowColor : schaduwgroen,
      shadowOffset : {
         x : 2,
         y : 2
      }
   });

   var lblHome2 = Titanium.UI.createLabel({
      top : '250',
      text : 'Uitleg over de app vindt u onder Info.\nMaak uw keuze voor een praktijk.',
      textAlign : Ti.UI.TEXT_ALIGNMENT_CENTER,
      font : {
         fontSize : 14,
         fontWeight : 'bold'
      },
      color : donkerblauw,
      shadowColor : schaduwgroen,
      shadowOffset : {
         x : 1,
         y : 1
      }
   });

   var btnLoc1 = Ti.UI.createButton({
      left: '0',
      width : '200',
      height : '50',
      title : 'Locatie Onder de Kerk',
      font : {
         fontSize : 14,
         fontWeight : 'bold',
         fontFamily : customFont
      },
      color : wit,
      backgroundImage : 'images/backgrounds/btn_background01.png',
      borderRadius : '5',
      borderColor : donkerblauw
   });
   btnLoc1.addEventListener('click', function(event) {
      showView('1');
   });

   var btnLoc2 = Ti.UI.createButton({
      right: '0',
      width : '200',
      height : '50',
      title : 'Locatie Niels Bohrstraat',
      font : {
         fontSize : 14,
         fontWeight : 'bold',
         fontFamily : customFont
      },
      color : wit,
      backgroundImage : 'images/backgrounds/btn_background01.png',
      borderRadius : '5',
      borderColor : donkerblauw
   });
   btnLoc2.addEventListener('click', function(event) {
      showView('2');
   });

   viewButtons.add(btnLoc1, btnLoc2);
   scrollViewHome.add(lblHome1, lblHome2, viewButtons);
   viewHome.add(scrollViewHome);
   winHome.add(viewHome);

}

//----------------------------------------------------------------------------
// Functions
//----------------------------------------------------------------------------
function showView(nr) {
   if (nr == '1') {
      winHome.setTitle('Onder de Kerk');
      winHome.remove(viewHome);      
      winHome.add(viewLocatie1);      
      winHome.leftNavButton = navbtnBack1;
   }
   if (nr == '2') {
      winHome.setTitle('Niels Bohrstraat');
      winHome.remove(viewHome);      
      winHome.add(viewLocatie2);      
      winHome.leftNavButton = navbtnBack2;
   }
}


function showHomeView(nr) {
   if (nr == '1') {
      winHome.remove(viewLocatie1);
   }
   if (nr == '2') {
      winHome.remove(viewLocatie2);
   }
   winHome.add(viewHome);
   winHome.leftNavButton = null;
   winHome.setTitle('Welkom');
}



//----------------------------------------------------------------------------
// View 'locatie Onder de Kerk'
//----------------------------------------------------------------------------
var viewLocatie1 = Titanium.UI.createView({
   width : '100%',
   height : '100%'
});

var scrollViewLocatie1 = Ti.UI.createScrollView({
   contentWidth : 'auto',
   contentHeight : 'auto',
   showVerticalScrollIndicator : true,
   showHorizontalScrollIndicator : true
});

// Adres
var viewAdresHeader = Titanium.UI.createView({
   top : '10',
   backgroundColor : donkerblauw,
   width : '90%',
   height : '35',
   borderRadius : '5',
   borderColor : donkerblauw,
});
viewAdresHeader.add(Titanium.UI.createLabel({
   textAlign : Ti.UI.TEXT_ALIGNMENT_LEFT,
   font : {
      fontSize : 12,
      fontWeight : 'bold',
      fontFamily : customFont
   },
   color : wit,
   top : '5',
   left : '5',
   right : '5',
   text : 'Contact gegevens'
}));

var viewAdresContent = Titanium.UI.createView({
   top : '35',
   backgroundColor : wit,
   width : '90%',
   height : '100',
   borderRadius : '5',
   borderColor : donkerblauw
});
viewAdresContent.add(Titanium.UI.createLabel({
   textAlign : Ti.UI.TEXT_ALIGNMENT_LEFT,
   font : {
      fontSize : 12,
      fontWeight : 'bold',
      fontFamily : customFont
   },
   color : donkerblauw,
   top : '5',
   left : '5',
   right : '5',
   text : 'Onder de Kerk 7A\n' + '6227 BG Maastricht\n' + 'T:  043-361 44 44\n' + 'F:  043-361 61 47\n' + 'W:  www.heerderhof.nl\n\n'
}));

// Openingstijden
var viewTijdenHeader = Titanium.UI.createView({
   top : '145',
   backgroundColor : donkerblauw,
   width : '90%',
   height : '35',
   borderRadius : '5',
   borderColor : donkerblauw,
});
viewTijdenHeader.add(Titanium.UI.createLabel({
   textAlign : Ti.UI.TEXT_ALIGNMENT_LEFT,
   font : {
      fontSize : 12,
      fontWeight : 'bold',
      fontFamily : customFont
   },
   color : wit,
   top : '5',
   left : '5',
   right : '5',
   text : 'Openingstijden'
}));

var viewTijdenContent = Titanium.UI.createView({
   top : '170',
   backgroundColor : wit,
   width : '90%',
   height : '80',
   borderRadius : '5',
   borderColor : donkerblauw,
});
viewTijdenContent.add(Titanium.UI.createLabel({
   textAlign : Ti.UI.TEXT_ALIGNMENT_LEFT,
   font : {
      fontSize : 12,
      fontWeight : 'bold',
      fontFamily : customFont
   },
   color : donkerblauw,
   left : '5',
   top : '5',
   right : '5',
   text : 'Werkdagen van 8.00 – 12.30 uur en van 14.00 – 17.00 uur.\nVoor spoedgevallen is de praktijk bereikbaar van 8.00 – 17.00 uur.'
}));

// Spreekuur
var viewSpreekuurHeader = Titanium.UI.createView({
   top : '260',
   backgroundColor : donkerblauw,
   width : '90%',
   height : '35',
   borderRadius : '5',
   borderColor : donkerblauw,
});
viewSpreekuurHeader.add(Titanium.UI.createLabel({
   textAlign : Ti.UI.TEXT_ALIGNMENT_LEFT,
   font : {
      fontSize : 12,
      fontWeight : 'bold',
      fontFamily : customFont
   },
   color : wit,
   top : '5',
   left : '5',
   right : '5',
   text : 'Spreekuur'
}));

var viewSpreekuurContent = Titanium.UI.createView({
   top : '285',
   backgroundColor : wit,
   width : '90%',
   height : '160',
   borderRadius : '5',
   borderColor : donkerblauw,
});
viewSpreekuurContent.add(Titanium.UI.createLabel({
   textAlign : Ti.UI.TEXT_ALIGNMENT_LEFT,
   font : {
      fontSize : 12,
      fontWeight : 'bold',
      fontFamily : customFont
   },
   color : donkerblauw,
   top : '5',
   left : '5',
   right : '5',
   text : 'Spreekuur huisarts MCP Uitterhoeve-Prins:\n\Maandag, dinsdag, donderdag.\n\n' + 'Spreekuur huisarts PHA Le Doux:\nMaandag, woensdag, vrijdag.\n\n' + 'Assistentespreekuur:\nMaandag- dinsdag- woensdag- donderdag- en vrijdagochtend.'
}));

var viewBack1 = Titanium.UI.createView({
   color : 'transparent',
   top : '450',
   height : '60'
});
var btnBack1 = Titanium.UI.createButton({
   top : '10',
   width : '100',
   height : '30',
   font : {
      fontSize : 14,
      fontWeight : 'bold',
      fontFamily : customFont
   },
   color : wit,
   title : 'Terug',
   backgroundImage : 'images/backgrounds/btn_background01.png',
   borderRadius : '5',
   borderColor : '#2776BG'
});
btnBack1.addEventListener('click', function(e){
   showHomeView('1');
});
viewBack1.add(btnBack1);

var navbtnBack1 = Titanium.UI.createButton({
   title : 'Terug'
});
navbtnBack1.addEventListener('click', function(e){
   showHomeView('1');
});

// Add UI elements
scrollViewLocatie1.add(viewAdresHeader, viewAdresContent, viewTijdenHeader, viewTijdenContent, viewSpreekuurHeader, viewSpreekuurContent, viewBack1);
viewLocatie1.add(scrollViewLocatie1);

//----------------------------------------------------------------------------
// View 'locatie Niels Bohrstraat'
//----------------------------------------------------------------------------
var viewLocatie2 = Titanium.UI.createView({
   width : '100%',
   height : '100%'
});

// Scrollview voor content
var scrollViewLocatie2 = Ti.UI.createScrollView({
   contentWidth : 'auto',
   contentHeight : 'auto',
   showVerticalScrollIndicator : true,
   showHorizontalScrollIndicator : true
});

// Adres header
var viewAdresHeader2 = Titanium.UI.createView({
   top : '10',
   backgroundColor : donkerblauw,
   width : '90%',
   height : '35',
   borderRadius : '5',
   borderColor : donkerblauw,
});
viewAdresHeader2.add(Titanium.UI.createLabel({
   textAlign : Ti.UI.TEXT_ALIGNMENT_LEFT,
   font : {
      fontSize : 12,
      fontWeight : 'bold',
      fontFamily : customFont
   },
   color : wit,
   top : '5',
   left : '5',
   right : '5',
   text : 'Contact gegevens'
}));

// Adres content
var viewAdresContent2 = Titanium.UI.createView({
   top : '35',
   backgroundColor : wit,
   width : '90%',
   height : '100',
   borderRadius : '5',
   borderColor : donkerblauw
});
viewAdresContent2.add(Titanium.UI.createLabel({
   textAlign : Ti.UI.TEXT_ALIGNMENT_LEFT,
   font : {
      fontSize : 12,
      fontWeight : 'bold',
      fontFamily : customFont
   },
   color : donkerblauw,
   top : '5',
   left : '5',
   right : '5',
   text : 'Niels Bohrstraat 32\n' + '6227 VW Maastricht\n' + 'T:  043-361 28 18\n' + 'F:  043-367 15 75\n' + 'W:  www.heerderhof.nl\n\n'
}));

// Openingstijden header
var viewTijdenHeader2 = Titanium.UI.createView({
   top : '145',
   backgroundColor : donkerblauw,
   width : '90%',
   height : '35',
   borderRadius : '5',
   borderColor : donkerblauw,
});
viewTijdenHeader2.add(Titanium.UI.createLabel({
   textAlign : Ti.UI.TEXT_ALIGNMENT_LEFT,
   font : {
      fontSize : 12,
      fontWeight : 'bold',
      fontFamily : customFont
   },
   color : wit,
   top : '5',
   left : '5',
   right : '5',
   text : 'Openingstijden'
}));

// Openingstijden content
var viewTijdenContent2 = Titanium.UI.createView({
   top : '170',
   backgroundColor : wit,
   width : '90%',
   height : '80',
   borderRadius : '5',
   borderColor : donkerblauw,
});
viewTijdenContent2.add(Titanium.UI.createLabel({
   textAlign : Ti.UI.TEXT_ALIGNMENT_LEFT,
   font : {
      fontSize : 12,
      fontWeight : 'bold',
      fontFamily : customFont
   },
   color : donkerblauw,
   left : '5',
   top : '5',
   right : '5',
   text : 'Werkdagen van 8.00 – 12.30 uur en van 14.00 – 17.00 uur.\nVoor spoedgevallen is de praktijk bereikbaar van 8.00 – 17.00 uur.'
}));

// Spreekuur header
var viewSpreekuurHeader2 = Titanium.UI.createView({
   top : '260',
   backgroundColor : donkerblauw,
   width : '90%',
   height : '35',
   borderRadius : '5',
   borderColor : donkerblauw,
});
viewSpreekuurHeader2.add(Titanium.UI.createLabel({
   textAlign : Ti.UI.TEXT_ALIGNMENT_LEFT,
   font : {
      fontSize : 12,
      fontWeight : 'bold',
      fontFamily : customFont
   },
   color : wit,
   top : '5',
   left : '5',
   right : '5',
   text : 'Spreekuur'
}));

// Spreekuur content
var viewSpreekuurContent2 = Titanium.UI.createView({
   top : '285',
   backgroundColor : wit,
   width : '90%',
   height : '160',
   borderRadius : '5',
   borderColor : donkerblauw,
});
viewSpreekuurContent2.add(Titanium.UI.createLabel({
   textAlign : Ti.UI.TEXT_ALIGNMENT_LEFT,
   font : {
      fontSize : 12,
      fontWeight : 'bold',
      fontFamily : customFont
   },
   color : donkerblauw,
   top : '5',
   left : '5',
   right : '5',
   text : 'Spreekuur huisarts CNP Bruins:\n\Maandag t/m vrijdag.\n\n' + 'Spreekuur huisarts M Franssen:\nMaandag, dinsdag, donderdag.\n\n' + 'Assistentespreekuur:\nDinsdag- donderdag- en vrijdagochtend.'
}));

//Terug button
var viewBack2 = Titanium.UI.createView({
   color : 'transparent',
   top : '450',
   height : '60'
});
var btnBack2 = Titanium.UI.createButton({
   top : '10',
   width : '100',
   height : '30',
   font : {
      fontSize : 14,
      fontWeight : 'bold',
      fontFamily : customFont
   },
   color : wit,
   title : 'Terug',
   backgroundImage : 'images/backgrounds/btn_background01.png',
   borderRadius : '5',
   borderColor : '#2776BG'
});
btnBack2.addEventListener('click', function(e){
   showHomeView('2');
});
viewBack2.add(btnBack2);

var navbtnBack2 = Titanium.UI.createButton({
   title : 'Terug'
});
navbtnBack2.addEventListener('click', function(e){
   showHomeView('2');
});


//----------------------------------------------------------------------------
// Add UI elements
//----------------------------------------------------------------------------
scrollViewLocatie2.add(viewAdresHeader2, viewAdresContent2, viewTijdenHeader2, viewTijdenContent2, viewSpreekuurHeader2, viewSpreekuurContent2, viewBack2);
viewLocatie2.add(scrollViewLocatie2);


//----------------------------------------------------------------------------
// Functions
//----------------------------------------------------------------------------
function createEmail() {
   var emailDialog = Ti.UI.createEmailDialog();
   emailDialog.subject = 'Heerderhof app - Info';
   emailDialog.toRecipients = ['info@heerderhof.nl'];
   emailDialog.open();   
}

